
//添加用户
$("#add").click(function () {
    let id = $("#id").val();
    let name = $("#name").val();
    let sex = $("#sex").val();
    let password = $("#password").val();
    let age = $("#age").val();
    let birthday = $("#birthday").val();
     var tr = `<tr><td><input type=\"checkbox\"></td><td>${id}</td><td>${name}</td><td>${sex}</td><td>${password}</td><td>${age}</td><td>${birthday}</td>/tr>`;

    $("tr:last").after(tr);
    //修改表格颜色
    $("tr:odd").attr("class", "info");
    $("tr:even").attr("class", "warning");


})
//删除用户
$("#del").click(function () {
    var count = 0;
    $("tr").slice(1).each(function () {
        var td = $(this).children()[0];
        var input = $(td).children()[0];
        if (input.checked) {
            count++;
            $(this).remove();
        }
    })
    if (count == 0) {
        alert("请选择您要删除的数据");
    }

})
//修改用户
$("#updata").click(function () {
    var count = 0;
    $("tr").slice(1).each(function () {
        var td = $(this).children()[0];
        var input = $(td).children()[0];
        if (input.checked) {
            count++;
            $(this).children().slice(1).attr("contenteditable", "true");
        }

    })
    if (count == 0) {
        alert("请选择您要修改的的数据");
    } else{
        alert("修改完数据,单击空白处,按回车保存数据");
    }
})

//查询用户
$("#select").click(function () {
    var id = $("#selectId").val();
    var name = $("#selectName").val();
    $("tr").slice(1).each(function () {
        var oid = $($(this).children()[1]).text();
        var oName = $($(this).children()[2]).text();
        if(id==oid||name==oName){
          $(this).show();
        }else{
            $(this).hide();
        }
    })
})


    
//回车事件
$(document).keyup(function (event) {
    if (event.keyCode == 13) {

        $("tr").children().slice(1).attr("contenteditable", "flase");
    }
});